<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<style>
			*{
				padding: 0px;
				border: 0px;
				margin: 0px;
				font-family: "黑体";
			}
			
			body {
				background-image: url(img/index/new/BG.png);
				width: 100%;
				height: 90.5%;
			}
			
			.schTitle{
				text-align: center;
				padding-top: 26px;
			}
			
			.userIcon{
				text-align: center;
				margin-top: 9px;
			}
			
			.nav-container{
				margin-top: 2px;
				margin-left: 0px;
				margin-right: 0px;
			}
			
			#topPopover a{
				color: #616161;
			}
			
		</style>
		
	</head>
	<body>
		<div id="container" class="container">
			<div style="margin-top: 8px;">
				<div style="float: left; margin-left: 15px;">
					<img src="img/index/new/fangdajing_03.png" style="width: 20px;"/>
				</div>
				<div style="float: right; margin-right: 15px;">
					<a id="menu" href="#topPopover">
					<img src="img/index/new/tianjiarenyuan_03.png" style="width: 20px;"/></a>
				</div>
			</div>
			<div id="schTitle" class="schTitle">
				<img id="schoolTitle" src="img/index/new/ziti_03.png" style="width: 175px;" />
			</div>
			<div id="userIcon" class="userIcon">
				<img src="img/index/new/touxiang_03.png" style="width: 44px;" />
				<img src="img/index/new/huizhang_03.png" style="width: 13px; margin-left: -20px;" />
			</div>
			
			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2016-12-01
            	描述：小喇叭
            -->
			<div id="dv_posts" class="posts" style="background-color: #d5ddc2; font-size: 12px; height: 25px; width: 100%;">
				
				<div style="width: 100%; display: flex; float: left; height: 18px;">
					<div style="margin-top: 3px; margin-left: 10px;">
						<img src="img/index/laba_03.png" width="16" height="16"/>
					</div>
					<div style="margin-top: 2px; margin-left: 10px; width: 82%; color: #53717D;">
						<marquee direction="left" scrolldelay="80" scrollamount="3" width="100%" behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();">关注提醒:</marquee>
					</div>
				</div>
				<div id="dvclose" style="float: right; height: 18px; margin-top: -14px; margin-right: 5px;">
					<img id="imgclose" onclick="func_close();" src="img/index/delete_03.png" width="12" height="12"/>
				</div>
			</div>
		
			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2016-12-07
            	描述：隐藏小喇叭通知
            -->
			<div id="dv_posts_h" class="posts" style="height: 25px; width: 100%; display: none;">
				<div style="padding-top: 3px;"> 
					<a id="a_xianshi_posts" style="">
						<img src="img/index/wusheng_03.png" width="16" height="16" />
					</a>
				</div>
			</div>
			
			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2017-01-20
            	描述：内容
            -->
			<div id="nav-container" class="nav-container">
				<div style="display: flex;">
					<div id="livehall" style="width: 33%;">
						<img src="img/index/new/zhibodating_03.png" style="width: 100%;" />
					</div>
					<div id="parentsClassroom" style="width: 33%; margin-left: 4px;" class="">
						<img src="img/index/new/jiazhnagketang_03.png" style="width: 100%;" />
					</div>
					<div id="advisoryhall" style="width: 33%; margin-left: 4px;" class="">
						<img src="img/index/new/zixundating_03.png" style="width: 100%;" />
					</div>
				</div>
				
				<div style="display: flex; margin-top: 0px; padding-top: 0px;">
					<div id="improveEvaluation" style="width: 33%;">
						<img src="img/index/new/ceping_03.png" style="width: 100%;" />
					</div>
					
					<div id="centerClick" style="width: 33%; margin-left: 4px;">
						<img src="img/index/new/zi_03.png" style="width: 100%;" />
					</div>
					
					<div id="taskmanager" style="width: 33%; margin-left: 4px;">
						<img src="img/index/new/guanli_05.png" style="width: 100%;" />
					</div>
				</div>
				
				<div style="display: flex; margin-top: 0px; padding-top: 0px;">
					<div id="commonProblem" style="width: 33%;">
						<img src="img/index/new/changjianwenti_03.png" style="width: 100%;" />
					</div>
					<div id="growingPlanning" style="width: 33%; margin-left: 4px;">
						<img src="img/index/new/chengzhangguihua_03.png" style="width: 100%;" />
					</div>
					<div id="homeschool" style="width: 33%; margin-left: 4px;" class="">
						<img src="img/index/new/jiaoxiaogongyu_03.png" style="width: 100%;" />
					</div>
				</div>
			</div>
			
			<div style="color: #3c6676; margin-top: 26px; display: flex;">
				<div style="width: 5%; margin-top: 10px;">
					<hr style="width: 100%; height: 1px; background-color: #2d9ebc;" />
				</div>
				<div style="width: 90%; text-align: center;">
					<span id="foolTitle" style="display: block; font-size: 12px;">中国教育学会家庭教育专业委员会“十二五”重点课题</span>
					<span style="display: block; font-size: 10px; margin-top: -4px;">中国.345教育</span>
				</div>
				<div style="width: 5%; margin-top: 10px;">
					<hr style="width: 100%; height: 1px; background-color: #2d9ebc;" />
				</div>
			</div>
		</div>
		
		<div id="topPopover" class="mui-popover" style="height: 130px; width: 90px; font-size: 13px;">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll" style="margin-left: 4px;">
					<div style="font-size: 13px; color: #616161;">
						<img src="img/index/tianjiarenyuanrubiao_03.png" style="width: 16px;"/>
						<span style="">身份切换</span>
					</div>
					<hr style="height: 1px; width: 100%; background-color: #F1F1F1;" />
					<div style="margin-top: 8px; font-size: 13px; color: #616161;">
						<img src="img/index/tianjia_05.png" style="width: 16px; margin-left: 4px;"/>
						<span>邀请亲友</span>
					</div>
					<hr style="height: 1px; width: 100%; background-color: #F1F1F1;" />
					<div id="dvlogin" style="margin-top: 8px; font-size: 13px; color: #616161;">
						<img src="img/index/denglutubiao_03.png" style="width: 16px; margin-left: 4px;"/>
						<span>登录</span>
					</div>
					<hr style="height: 1px; width: 100%; background-color: #F1F1F1;" />
					<div id="dvreg" style="margin-top: 8px; font-size: 13px; color: #616161;">
						<img src="img/index/zhuce_11.png" style="width: 16px; margin-left: 4px;"/>
						<span>注册</span>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/mui.min.js"></script>
	<script src="js/bus/pubfun.js"></script>
	<script src="js/utils/http.utils.js"></script>
	<script>
		
		var $orgId = getQueryString(window.location.search, "orgId");
		
		window.onload = function(){
			if($orgId == "3"){
				document.getElementById("schoolTitle").src = "img/index/new/dierjiating.png";
				document.getElementById("foolTitle").innerHTML = "漯河市民政局";
			} else {
				document.getElementById("schoolTitle").src = "img/index/new/ziti_03.png";
				document.getElementById("foolTitle").innerHTML = "中国教育学会家庭教育专业委员会“十二五”重点课题";
			}
		}
		
		localStorage.removeItem("wxfwid");
		localStorage.setItem("wxfwid", $orgId);
		var $wxfwid = localStorage.getItem("wxfwid");
		//localStorage.removeItem("wxfwid");
		//localStorage.setItem("wxfwid", $orgId);
		if($wxfwid == null || $wxfwid == "" || $wxfwid == undefined || $wxfwid == "null"){
			$orgId = getQueryString(window.location.search, "orgId");
			localStorage.setItem("wxfwid", $orgId);
		} else {
			$orgId = $wxfwid 
		}
		
		function func_close() {
			document.getElementById("dv_posts").style.display = "none";
			document.getElementById("dv_posts_h").style.display = "";
		}

		document.getElementById("a_xianshi_posts").addEventListener("tap", function() {
			document.getElementById("dv_posts").style.display = "";
			document.getElementById("dv_posts_h").style.display = "none";
		});
		
		var $userLogin = JSON.parse(localStorage.getItem("login-user-parent"));
		
		//直播大厅
		document.getElementById("livehall").addEventListener("tap", function(){
			mui.openWindow({
				url : $ql_hallUrl
			});
		});
		
		//家长课堂
		document.getElementById("parentsClassroom").addEventListener("tap", function(){
			mui.openWindow({
				//url : "html/jzkt/index.html"
				url : "html/parclarom/index.html"
			});
		});
		
		//咨询大厅
		document.getElementById("advisoryhall").addEventListener("tap", function(){
			mui.openWindow({
				url : "html/zxdt/advhall-index.html"
			});
		});
		
		//测评改善
		document.getElementById("improveEvaluation").addEventListener("tap", function(){
			mui.openWindow({
				url : "html/evaluation/index.html"
			});
		});
		
		document.getElementById("centerClick").addEventListener("tap", function(){
			mui.openWindow({
				url : "introduction.html" //待定
			});
		});
		
		//任务管理
		document.getElementById("taskmanager").addEventListener("tap", function(){
			mui.openWindow({
				url : "html/mycenter/manage345.html" //待定
			});
		});
		
		//常见问题
		document.getElementById("commonProblem").addEventListener("tap", function(){
			mui.openWindow({
				url : "html/commpro/protypelst.html"
			});
		});
		
		//成长规划
		document.getElementById("growingPlanning").addEventListener("tap", function(){
			mui.openWindow({
				url : "html/plan/plan-index.html?grade=1"
			});
		});
		
		//家校共育
		document.getElementById("homeschool").addEventListener("tap", function(){
			mui.openWindow({
				url : "html/homesch/index.html"
			});
		});
		
		mui("#topPopover").on("tap", "#dvlogin", function(){
			mui.openWindow({
				url : "login.html"
			});
		});
		
		mui("#topPopover").on("tap", "#dvreg", function(){
			mui.openWindow({
				url : $regRetUrl
			});
		});
	</script>
</html>